<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Author" content=" ">
    <title>学生管理系统</title>
    <style type="text/css">
        *{margin: 0;padding: 0;}
        a{text-decoration: none;}
        ul,li{list-style: none;}
        body{font-size: 14px;font-family: "微软雅黑";color: #31aab6;}
        html,body{height:100%}
        img{width: 100%;}
    </style>
    <link rel="stylesheet" type="text/css" href="css/management.css">
</head>
<body>
    <div class="box">
        <div class="top">
            <div class="top_left">
                <div class="logo">
                    <img src="img/logo.png">
                </div>
            </div>
            <div class="top_right">
                <div class="title">
                    <h1>学生管理系统</h1>
                </div>
                <div class="information">
                    <div class="user_head" onclick="over();">
                    <img th:src="@{${photourl}}" height="100%" width="100%" id="xgtx">
                        用户头像
                    </div>
                    <div class="user_out">
                        <p>账户：123456789</p>
                        <a href="">
                            <div class="Sign_out">
                            <img src="img/Sign_out.png">
                            </div>
                            <p class="out">退出</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="border_bottom"></div>
        </div>
        <div class="main">
            <div class="main_left">
                <div class="border_right"></div>
                <div class="main_left_row" id="tb_name">
                    <div>
                        <div class="menu">
                            <div class="menu_img">
                                <img src="img/menu.png">
                            </div>
                            <div class="menu_title">菜单导航</div>
                        </div>
                    </div>
                    <div class="table">
                        <a class="finger">
                            <div class="table_main">
                                <div class="table_img">
                                    <img src="img/student.png">
                                </div>
                                <div class="table_title">学生表</div>
                            </div>
                        </a>
                        <a class="finger">
                            <div class="table_main">
                                <div class="table_img">
                                    <img src="img/class.png">
                                </div>
                                <div class="table_title">班级表</div>
                            </div>
                        </a>
                        <a class="finger">
                            <div class="table_main">
                                <div class="table_img">
                                    <img src="img/course.png">
                                </div>
                                <div class="table_title">课程表</div>
                            </div>
                        </a>
                        <a class="finger">
                            <div class="table_main">
                                <div class="table_img">
                                    <img src="img/stuCourse.png">
                                </div>
                                <div class="table_title">学生选课表</div>
                            </div>
                        </a>
                        <a class="finger">
                            <div class="table_main">
                                <div class="table_img">
                                    <img src="img/teacher.png">
                                </div>
                                <div class="table_title">教师表</div>
                            </div>
                        </a>
                        <a class="finger">
                            <div class="table_main">
                                <div class="table_img">
                                    <img src="img/teaCourse.png">
                                </div>
                                <div class="table_title">教师课程表</div>
                            </div>
                        </a>

                    </div>
                </div>
            </div>
            <div class="main_right show">
                <div class="main_right_row">
                    <div class="tb_title">
                        <div class="tb_name">
                            <div class="tb_img">
                                <img src="img/student.png">
                            </div>
                            <div class="tb_title_text">
                                学生表
                            </div>
                        </div>
                        <a href="" class="add_student">
                            添加学生
                        </a>
                    </div>
                    <div class="tb_main">
                        <table class="tb_main_row" border="1" cellspacing="0">
                            <tr class="tb_header">
                                <th>学号</th>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>地区</th>
                                <th>出生日期</th>
                                <th>班级</th>
                                <th>操作</th>
                            </tr>
                            <tr class="tb_content">
                                <td>200100001</td>
                                <td>田军</td>
                                <td>男</td>
                                <td>广东潮州</td>
                                <td>1986-1-1</td>
                                <td>01软件-1</td>
                                <td>
                                    <a href="" class="modify">
                                        <div class="modify_img">
                                            <img src="img/modify.png">
                                        </div>
                                        <div class="modify_title">修改</div>
                                    </a>
                                    <a href="" class="delete">
                                        <div class="delete_img">
                                            <img src="img/delete.png">
                                        </div>
                                        <div class="delete_title">删除</div>
                                    </a>
                                </td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="main_right ">
                <div class="main_right_row">
                    <div class="tb_title">
                        <div class="tb_name">
                            <div class="tb_img">
                                <img src="img/class.png">
                            </div>
                            <div class="tb_title_text">
                                班级表
                            </div>
                        </div>
                        <a href="" class="add_student">
                            添加班级
                        </a>
                    </div>
                    <div class="tb_main">
                        <table class="tb_main_row" border="1" cellspacing="0">
                            <tr class="tb_header">
                                <th>班级名称</th>
                                <th>班级序号</th>
                                <th>系别</th>
                                <th>操作</th>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>
                                    <a href="" class="modify">
                                        <div class="modify_img">
                                            <img src="img/modify.png">
                                        </div>
                                        <div class="modify_title">修改</div>
                                    </a>
                                    <a href="" class="delete">
                                        <div class="delete_img">
                                            <img src="img/delete.png">
                                        </div>
                                        <div class="delete_title">删除</div>
                                    </a>
                                </td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="main_right ">
                <div class="main_right_row">
                    <div class="tb_title">
                        <div class="tb_name">
                            <div class="tb_img">
                                <img src="img/course.png">
                            </div>
                            <div class="tb_title_text">
                                课程表
                            </div>
                        </div>
                        <a href="" class="add_student">
                            添加课程
                        </a>
                    </div>
                    <div class="tb_main">
                        <table class="tb_main_row" border="1" cellspacing="0">
                            <tr class="tb_header">
                                <th>课程编号</th>
                                <th>课程名称</th>
                                <th>分数</th>
                                <th>课程类型</th>
                                <th>操作</th>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>
                                    <a href="" class="modify">
                                        <div class="modify_img">
                                            <img src="img/modify.png">
                                        </div>
                                        <div class="modify_title">修改</div>
                                    </a>
                                    <a href="" class="delete">
                                        <div class="delete_img">
                                            <img src="img/delete.png">
                                        </div>
                                        <div class="delete_title">删除</div>
                                    </a>
                                </td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="main_right ">
                <div class="main_right_row">
                    <div class="tb_title">
                        <div class="tb_name">
                            <div class="tb_img">
                                <img src="img/stuCourse.png">
                            </div>
                            <div class="tb_title_text">
                                学生选课表
                            </div>
                        </div>
                        <a href="" class="add_student">
                            添加选课
                        </a>
                    </div>
                    <div class="tb_main">
                        <table class="tb_main_row" border="1" cellspacing="0">
                            <tr class="tb_header">
                                <th>学号</th>
                                <th>学期</th>
                                <th>课程编号</th>
                                <th>分数</th>
                                <th>教师编号</th>
                                <th>操作</th>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>
                                    <a href="" class="modify">
                                        <div class="modify_img">
                                            <img src="img/modify.png">
                                        </div>
                                        <div class="modify_title">修改</div>
                                    </a>
                                    <a href="" class="delete">
                                        <div class="delete_img">
                                            <img src="img/delete.png">
                                        </div>
                                        <div class="delete_title">删除</div>
                                    </a>
                                </td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="main_right ">
                <div class="main_right_row">
                    <div class="tb_title">
                        <div class="tb_name">
                            <div class="tb_img">
                                <img src="img/teacher.png">
                            </div>
                            <div class="tb_title_text">
                                教师表
                            </div>
                        </div>
                        <a href="" class="add_student">
                            添加教师
                        </a>
                    </div>
                    <div class="tb_main">
                        <table class="tb_main_row" border="1" cellspacing="0">
                            <tr class="tb_header">
                                <th>教师编号</th>
                                <th>教师姓名</th>
                                <th>性别</th>
                                <th>系别</th>
                                <th>操作</th>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>
                                    <a href="" class="modify">
                                        <div class="modify_img">
                                            <img src="img/modify.png">
                                        </div>
                                        <div class="modify_title">修改</div>
                                    </a>
                                    <a href="" class="delete">
                                        <div class="delete_img">
                                            <img src="img/delete.png">
                                        </div>
                                        <div class="delete_title">删除</div>
                                    </a>
                                </td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="main_right ">
                <div class="main_right_row">
                    <div class="tb_title">
                        <div class="tb_name">
                            <div class="tb_img">
                                <img src="img/teaCourse.png">
                            </div>
                            <div class="tb_title_text">
                                教师课程表
                            </div>
                        </div>
                        <a href="" class="add_student">
                            添加课程
                        </a>
                    </div>
                    <div class="tb_main">
                        <table class="tb_main_row" border="1" cellspacing="0">
                            <tr class="tb_header">
                                <th>教师编号</th>
                                <th>课程编号</th>
                                <th>学期</th>
                                <th>班级</th>
                                <th>操作</th>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>
                                    <a href="" class="modify">
                                        <div class="modify_img">
                                            <img src="img/modify.png">
                                        </div>
                                        <div class="modify_title">修改</div>
                                    </a>
                                    <a href="" class="delete">
                                        <div class="delete_img">
                                            <img src="img/delete.png">
                                        </div>
                                        <div class="delete_title">删除</div>
                                    </a>
                                </td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr class="tb_content">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>

            <div class="main_right" id="this">

                <div class="head_portrait" id="tx">

                    <div class="head_portrait2">
                            <img th:src="@{${photourl}}" height="100%" width="100%" style="overflow:hidden">
                    </div>
                    <div class="head_portrait4">
                        <button name="modify" id="modify" value="修改头像" onclick="leave();">修改头像</button>
                    </div>
                    <div class="head_portrait1">
                    </div>
                    <div class="head_portrait3">
                        个性签名:
                        <input type="text" id="signature" name="signature" placeholder='这个人很懒，什么都没有留下。'>
                    </div>
                </div>

                    <div class="head_secondpage" id="hope">
                        当前图片：
                        <div class="head_secondpage1">
                            <img th:src="@{${photourl}}" height="100%" width="100%">
                        </div>
                        <div class="ziti">上传图片</div><br>
                            <div class="ziti1">
                                <form enctype="multipart/form-data" method="post" th:action="@{/photo}">
                                <label for="fileinp">
                                    <input type="file" id="fileinp"  name="photofile">
                                    <span id="text">上传</span>
                                    <input type="submit" id="text" value="提交">
                                </label>
                            </form>
                            </div>
                    </div>
            </div>

        </div>
    </div>
    <script type="text/javascript" src="js/management.js"></script>
</body>
</html>